@extends('pc.v3.layouts.newapp')
@push('styles')
  <link rel="stylesheet" href="{{web_static('pc/v3/css/indexmap.min.css',true)}}"/>
@endpush
@section('header')
@endsection
@section('content')
  <div class="map-content">
    <div id="content-map"></div>
    <div class="map-left">
      <div class="map-left-title">
        <div class="map-title-header">
          <div class="map-header-input">
            <input placeholder="输入小区或地址搜索房源"/>
          </div>
          <div class="map-header-search"><i class="icon icon-mapsearch"></i></div>
          <ul class="map-hot-text">
            <li>热门搜索</li>
            <li>萧山北干</li>
            <li>萧山北干</li>
            <li>萧山北干</li>
            <li>萧山北干</li>
            <li>萧山北干</li>
            <li>萧山北干</li>
          </ul>
          <ul class="map-hot-positive">
            <li>你可能在找</li>
            <li><span>浙江大学(1套)</span><span>西湖区&nbsp;&nbsp;文教</span></li>
            <li><span>浙江大学(1套)</span><span>西湖区&nbsp;&nbsp;文教</span></li>
            <li><span>浙江大学(1套)</span><span>西湖区&nbsp;&nbsp;文教</span></li>
            <li><span>浙江大学(1套)</span><span>西湖区&nbsp;&nbsp;文教</span></li>
            <li><span>浙江大学(1套)</span><span>西湖区&nbsp;&nbsp;文教</span></li>
          </ul>
        </div>
        <div class="map-title-content">
          <div class="map-content-tab tab-region active">区域</div>
          <div class="map-content-tab tab-subway">地铁
            <div class="subway">
              <p>一号线</p>
              <p>二号线</p>
              <p>三号线</p>
              <div class="subway-list-content">
                <ul>
                  <li>湘湖<i></i><span class="first-patch"></span>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div><span class="last-patch"></span>
                  </li>
                </ul>
                <ul>
                  <li>湘湖<i></i><span class="first-patch"></span>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div><span class="last-patch"></span>
                  </li>
                </ul>
                <ul>
                  <li>湘湖<i></i><span class="first-patch"></span>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div><span class="last-patch"></span>
                  </li>
                </ul>
                <ul>
                  <li>湘湖<i></i><span class="first-patch"></span>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖西湖文化广场<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div><span class="last-patch"></span>
                  </li>
                </ul>
              </div>
            </div>
          </div><span class="city">杭州市</span>
        </div>
        <div class="map-title-subway">
          <div class="subway-content">一号线</div>
          <div class="subway-choose">重新选择
            <div class="again-subway">
              <p>一号线</p>
              <p>二号线</p>
              <p>三号线</p>
              <div class="subway-list-again">
                <ul>
                  <li class="on">湘湖<i></i><span class="first-patch"></span>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div><span class="last-patch"></span>
                  </li>
                </ul>
                <ul>
                  <li>湘湖<i></i><span class="first-patch"></span>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div><span class="last-patch"></span>
                  </li>
                </ul>
                <ul>
                  <li>湘湖<i></i><span class="first-patch"></span>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div><span class="last-patch"></span>
                  </li>
                </ul>
                <ul>
                  <li>湘湖<i></i><span class="first-patch"></span>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖西湖文化广场<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div>
                  </li>
                  <li>湘湖<i></i>
                    <div class="circle"></div><span class="last-patch"></span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="map-title-foot">
          <div class="map-foot-list rent-type"><span>整租/合租</span><i class="icon icon-arrowDown"></i>
            <ul>
              <li>整租/合租</li>
              <li>整租</li>
              <li>合租</li>
            </ul>
          </div>
          <div class="map-foot-list rent-price"><span>整租/合租</span><i class="icon icon-arrowDown"></i>
            <ul>
              <li>2500-3500元</li>
              <li>整租</li>
              <li>合租</li>
            </ul>
          </div>
          <div class="map-foot-list action rent-direction"><span>整租/合租</span><i class="icon icon-arrowDown"></i>
            <ul>
              <li>整租/合租</li>
              <li>整租</li>
              <li>合租</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="map-left-content">
        <div class="map-content-header"><span>默认</span><i class="line">|</i><span class="active">租金<i class="icon icon-mapsort action"></i></span><i class="line">|</i><span>面积<i class="icon icon-mapsort"></i></span><span class="house-num">找到213套房源</span></div>
        <div class="map-content-ListTatal">
          <div class="map-ListTatal">
            <div class="map-content-conList list">
              <div class="map-conList-left"><img src="http://img.ishangzu.com/erp/2017/7/11/15/f8c1c994-224d-4961-9268-3d75c2f06398.jpg@280w_210h_1c_1e"/></div>
              <div class="map-conList-right">
                <div class="map-right-title"><span class="house-name">枫华府第</span><span class="map-house-price">1800<i>元/月</i></span></div>
                <div class="map-right-content"><span>8.8平米</span><i>|</i><span>3室合租</span><i>|</i><span>南北</span></div>
                <div class="map-right-foot"><span>品牌公寓</span><span>南北通透</span><span>地铁房</span></div>
              </div>
            </div>
          </div>
          <div class="map-ListTatal">
            <div class="map-content-conList">
              <div class="map-conList-left"><img src="http://img.ishangzu.com/erp/2017/7/11/15/f8c1c994-224d-4961-9268-3d75c2f06398.jpg@280w_210h_1c_1e"/><img src="{{http://img.ishangzu.com/erp/2017/7/11/15/f8c1c994-224d-4961-9268-3d75c2f06398.jpg@280w_210h_1c_1e)}}" data-original="{{$item->image("@280w_210h_1c_1e")}}" alt="{{\Common\Seo\Helpers\PcImage::alt($city, $item)}}" class="lazy"/></div>
              <div class="map-conList-right">
                <div class="map-right-title"><span class="house-name">枫华府第</span><span class="map-house-price">1800<i>元/月</i></span></div>
                <div class="map-right-content"><span>8.8平米</span><i>|</i><span>3室合租</span><i>|</i><span>南北</span></div>
                <div class="map-right-foot"><span>品牌公寓</span><span>南北通透</span><span>地铁房</span></div>
              </div>
            </div>
          </div>
          <div class="map-ListTatal">
            <div class="map-content-conList">
              <div class="map-conList-left"><img src="http://img.ishangzu.com/erp/2017/7/11/15/f8c1c994-224d-4961-9268-3d75c2f06398.jpg@280w_210h_1c_1e"/></div>
              <div class="map-conList-right">
                <div class="map-right-title"><span class="house-name">枫华府第</span><span class="map-house-price">1800<i>元/月</i></span></div>
                <div class="map-right-content"><span>8.8平米</span><i>|</i><span>3室合租</span><i>|</i><span>南北</span></div>
                <div class="map-right-foot"><span>品牌公寓</span><span>南北通透</span><span>地铁房</span></div>
              </div>
            </div>
          </div>
          <p class="map-now-down">正在加载中…</p>
          <p class="map-house-nomore">没有更多房源了</p>
          <div class="map-location-circle">
            <p>彩虹城</p><span>20套</span>
          </div>
          <div class="map-house-icon map-house-iconActive"><span>融创河滨之城</span><i class="arr"></i><i class="cirsma"></i><i class="cirbig"></i></div>
          <div class="map-location-img"><img src="{{web_static('pc/v3/assets/location_hover.png')}}"/></div>
        </div>
        <div class="map-house-none"><img src="{{web_static('pc/v3/assets/map-null.png')}}"/>
          <p>抱歉，暂时没找到您想要的房子</p>
        </div>
      </div>
      <div class="map-left-revert"><img src="{{web_static('pc/v3/assets/back.png')}}"/><i class="icon icon-arrowDown"></i></div>
    </div>
    <div class="map-right">
      <div class="map-right-city"><span>杭州</span><i class="icon icon-arrowDown"></i>
        <ul>
          <li>杭州</li>
          <li>上海</li>
          <li>苏州</li>
          <li>南京</li>
        </ul>
      </div><a class="map-right-home"><i class="icon icon-mapback"></i><span>返回首页</span></a>
    </div>
    <div class="map-inquiry"><i class="icon icon-enquire"></i><span>立</span><span>即</span><span>咨</span><span>询</span></div>
  </div>
@endsection
@section('footer')
@endsection
@push('scripts')
  <script src="//webapi.amap.com/maps?v=1.3&amp;key=41aa4b3719e2d80aa72b27a6615cf526&amp;plugin=AMap.Scale,AMap.Geocoder,AMap.Autocomplete,AMap.Driving,AMap.LineSearch"></script>
  <script src="{{web_static('pc/v3/js/indexmap.min.js',true)}}"></script>
@endpush